<form #systemConfigFrom="ngForm" class="compact">
    <section class="form-block">
        <label class="section-title" *ngIf="showSubTitle">{{ 'CONFIG.SCANNING.TITLE' | translate }}</label>
        <div>
            <label  class="update-time">{{ 'CONFIG.SCANNING.DB_REFRESH_TIME' | translate }}</label>
            <clr-tooltip *ngIf="!isClairDBFullyReady">
              <clr-icon shape="warning" class="is-warning" size="22"></clr-icon>
              <clr-tooltip-content [clrPosition]="'top-right'" [clrSize]="'md'" *clrIfOpen>
                <span>{{'CONFIG.SCANNING.DB_NOT_READY' | translate }}</span>
              </clr-tooltip-content>
            </clr-tooltip>
            <clr-dropdown *ngIf="isClairDBFullyReady && showScanningNamespaces" class="clr-dropdown-override">
                <button class="btn btn-link btn-font" clrDropdownToggle>
                  {{ updatedTimestamp | date:'MM/dd/y HH:mm:ss' }} AM
                  <clr-icon shape="caret down"></clr-icon>
                </button>
                <clr-dropdown-menu [clrPosition]="'bottom-right'" class="dropdown-namespace">
                    <div *ngFor="let nt of namespaceTimestamps" class="namespace">
                      <span class="label label-info">{{nt.namespace}}</span>
                      <span>{{ convertToLocalTime(nt.last_update) | date:'MM/dd/y HH:mm:ss'}} AM</span>
                    </div>
                </clr-dropdown-menu>
            </clr-dropdown>
            <span *ngIf="isClairDBFullyReady && !showScanningNamespaces">{{ updatedTimestamp | date:'MM/dd/y HH:mm:ss' }} AM</span>
        </div>
        <div class="button-group">
          <cron-selection #CronScheduleComponent [labelCurrent]="getLabelCurrent" [labelEdit]='getLabelCurrent' [originCron]='originCron' (inputvalue)="scanAll($event)"></cron-selection>
          <div class="btn-scan-right btn-scan">
              <button class="btn btn-outline btn-sm btn-scan" (click)="scanNow()" [disabled]="!scanAvailable">{{ 'CONFIG.SCANNING.SCAN_NOW' | translate }}</button><br>
         </div>
        </div>
    </section>
</form>